.personalDeal{
  margin-top: 10px;
  border: 1px solid #ccc;
  &_header{
    display: flex;
    height: 40px;
    background-color: #F3F8FE;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 10px;
    border-bottom: 1px solid #6c9ad2;
    &>span:nth-of-type(1){
      color: #87b7f1;
      font-size: 20px;
    }
  }
  &_body{
    //margin-top: 10px;
    &_user{
      height: 100px;
      display: flex;
      align-items: center;
      box-sizing: border-box;
      padding: 10px;
      background-color: #f3dcdc;
      img{
        border-radius: 50%;
        cursor: pointer;
      }
      span{
        margin-left: 20px;
        cursor: pointer;
      }
    }
    &_logistics{
      display: flex;
      height: 60px;
      align-items: center;
      &>div{
        flex: 1;
        height: 20px;
        text-align: center;
        border-right: 1px solid #809d82;
        box-sizing: border-box;
        &:first-of-type{
          span{
            cursor: pointer;
          }
        }
        span{
          &:nth-of-type(2) {
            color: #e37215;
            font-size: 20px;
            font-weight: 800;
            margin-left: 6px;
          }
        }
        &:last-of-type{
          border-right: 0;
          span{
            cursor: pointer;
          }
        }
      }
    }
  }
}
.logistics{
  margin-top: 40px;
  border: 1px solid #ccc;
  &_header{
    height: 40px;
    box-sizing: border-box;
    padding: 0 10px;
    display: flex;
    align-items: center;
    background-color: #dde8f5;
  }
}
